<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>浙铁投诉</title>
    <meta name="description" content="">
    <meta name="HandheldFriendly" content="True">
    <meta name="MobileOptimized" content="320">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimal-ui, user-scalable=no">
    <meta http-equiv="cleartype" content="on">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="css/style.css">

</head>
<body>
<div class="wrapper">
    <div class="header header2 text-center">
        <a href="javascript:history.go(-1);" class="iconfont icon-zuo left"></a>

        <div class="font-16">详情</div>
    </div>
    <div class="content padding-12">
        <volist name="employee" id="vo">
            <div class="list flex-2">
                <div class="left">
                    <img onerror="this.src='/assets/complaint/images/touxiang.jpg'" src="{BEESCRM:$vo.picture_url}"
                         alt="">
                </div>
                <div class="right font-12">
                    <div class="name font-14">{BEESCRM:$vo.employee_name}</div>
                    <div class="gray padding-4 ">职位：{BEESCRM:$vo.employee_job}</div>
                    <div class="gray2">{BEESCRM:$vo.summary}</div>
                </div>
            </div>
        </volist>
    </div>
    <div class="content">
        <div class="list padding-10">
            <span class="iconfont icon-tousu1 green margin-r8"></span>
            投诉内容
        </div>
        <div class="list padding-10">
            <p class="gray">{BEESCRM:$complaint.content}</p>
            <if condition="$complaint['img_url'] neq '' ">
            <div class="particulars-img">
               <a href="javascript:;"> <img id='img' src="{BEESCRM:$complaint.img_url}" alt=""> </a>
            </div>
            </if>
        </div>
    </div>
    <if condition="$reply['content'] neq '' ">
    <div class="content">

        <div class="list padding-10">
            <span class="iconfont icon-huifu green margin-r8"></span>
            管理员回复
        </div>
        <div class="padding-12">
            <div class="list gray flex-1">
                <div class="margin-r8">
                    <span class="iconfont icon-huifu font-12"></span>
                </div>
                <div>
                    <p><span class="font-12">{BEESCRM:$reply['create_time']|date="Y-m-d H:i:s",### }</span></p>

                    <p>{BEESCRM:$reply['content']}</p>
                </div>
            </div>
        </div>

    </div>
    </if>
</div>
<include file="Common:load"/>
</body>
<script src="/assets/complaint/js/jquery-2.1.0.min.js"></script>
<script>
    $('#img').click(function(){
        //$(this).toggleClass('min');
        //$(this).toggleClass('max');
        if (!$(this).hasClass('max')){
            $(this).css('width','100%');
            $(this).css('height','auto');
            $(this).addClass('max');
        }else{
            $(this).css('width','100px');
            $(this).css('height','100px');
            $(this).removeClass('max');
        }
    });
</script>
</html>